/* pages/debtorBaseInfo/odi/odi.wxss */
.odi-info {
	.menu {
		position: relative;
		border-top: 1rpx solid #f6f6f6;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		padding-right: 20rpx;
		background-color: white;
		border-bottom: 1rpx solid #f6f6f6;

		.menu-item {
			--td-dropdown-menu-icon-sizem: 30rpx;
			--td-dropdown-menu-colorm: #86909C;
			--td-dropdown-menu-active-colorm: #3375F5;
			--td-dropdown-menu-border-width: 0;
		}

		.search-placeholder {
			width: 144rpx;
			height: 100%;

		}

		.company-search {
			// background-color: aqua;
			width: 144rpx;
			height: 100%;
			padding-top: 2px;
			box-sizing: border-box;
			overflow: hidden;
			transition: width 0.2s;
			font-size: 26rpx;
			color: #86909C;
			position: absolute;
			top: 0;
			right: 20rpx;

			.fold {
				display: none;
			}

			&.input-is-focus {
				width: 730rpx;
				padding-left: 20rpx;

				.fold {
					display: inline-block;
					flex-shrink: 0;
					padding-left: 20rpx;
				}
			}

			.search-input {
				flex: 1;
				--td-search-clear-icon-font-size: 28rpx;
				--td-search-font-size: 24rpx;
				--td-search-icon-font-size: 34rpx;
				--td-search-height: 30px;
				--td-search-padding: 16rpx;
			}
		}
	}

	.scrollarea {
		width: 100%;
		background-color: #f6f6f6;

		.container {
			width: 100%;
			display: flex;
			flex-direction: column;
			justify-content: flex-start;
			padding-bottom: 40rpx;
			margin-top: 0rpx;

			.header {
				margin-left: 30rpx;
				height: 40rpx;
				color: #333;
				font-family: "PingFang SC";
				font-size: 12px;
				font-style: normal;
				font-weight: 400;
				line-height: 40rpx;

				.total {
					color: #F04040;
					font-family: "PingFang SC";
					font-size: 12px;
					font-style: normal;
					font-weight: 400;
					line-height: normal;
				}
			}

			.item {
				// width: 100%;
				padding: 30rpx 30rpx 0rpx 30rpx;
				border-bottom: 10rpx solid #f6f6f6;
				background-color: #fff;

				.name-contrainer {
					display: flex;
					flex-direction: row;
					justify-content: space-between;
					align-items: center;
					margin-bottom: 20rpx;

					.name {
						color: #1D2129;
						font-family: "PingFang SC";
						font-size: 15px;
						font-style: normal;
						font-weight: 500;
						line-height: 22px;
						/* 146.667% */
						text-transform: uppercase;
					}

					.status {
						border-radius: 3px;
						border: 1px solid #94DCBE;
						background: #F7FCFA;
						display: flex;
						padding: 0px 10px;
						justify-content: center;
						align-items: center;
						gap: 4px;
						color: #00AD65;
						text-align: center;
						font-family: "PingFang SC";
						font-size: 10px;
						font-style: normal;
						font-weight: 500;
						line-height: 18px;
						/* 180% */
					}
				}

				.type-title {
					color: #999;
					font-family: "PingFang SC";
					font-size: 24rpx;
					font-style: normal;
					font-weight: 400;
					line-height: 24rpx;
				}

				.type {
					margin-top: 12rpx;
					margin-bottom: 36rpx;
					color: #333;
					font-family: "PingFang SC";
					font-size: 28rpx;
					font-style: normal;
					font-weight: 400;
					line-height: 11.451px;
					/* 81.79% */

				}
			}


		}
	}


}